{"componentChunkName":"component---src-pages-studio-js","path":"/studio/","webpackCompilationHash":"0f979b9b09e9513b4912","result":{"data":{"studio":{"edges":[{"node":{"id":"0b68b7e1-7721-5923-8150-d5b270edf14d","frontmatter":{"title":"🤖 机器人眼睛动效","date":"2022-09-03 16:34:10","description":"从爱死机的 k-vrc 到 Vector/Cozmo 的眼睛，机器人眼睛的趣味性让我无法自拔，于是实现了这个有意思的眼睛绘制，顺便总结下一个项目的开发过程。","tech":"other","slug":"k-vrc","titleColor":"#fff","btnStyle":"darkBlue","contentPadding":null,"banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M0%20229v229h401V0H0v229m63%2027l-26%205c-5%201-7%207-7%2025%200%2015%201%2021%206%2027l3%203h48l3-4c4-5%205-7%205-30%200-21-1-23-6-27-3-3-4-3-26%201m46-3c-7%203-9%209-9%2029s1%2026%205%2031l3%203h48l3-3%204-8c2-5%202-34%200-39l-1-4-25-4a2299%202299%200%2001-28-5m-36%203a3608%203608%200%2001-37%208c-3%200-4%2010-4%2025%201%2014%202%2018%206%2022l2%203h46l2-3c4-5%205-12%205-31%200-14-1-17-2-20-4-6-5-6-18-4m35-1c-5%202-5%207-5%2028s0%2023%204%2028l2%203h46l3-3%204-8v-35l-1-4-19-3c-31-7-31-7-34-6m125%2012c-9%202-14%208-15%2018l-1%203h18c16%201%2031%202%2046%205%207%201%207%201%207-8%200-15-5-17-35-18h-20m91%200c-18%201-23%203-26%209-2%204-2%206-1%2010%200%208%200%208%208%206%2010-2%2044-4%2054-4l8%201v-5c-1-3-2-7-4-9-5-8-13-9-39-8m-90%202c-8%202-14%208-14%2014v3h11c13%200%2032%202%2042%204%2013%202%2013%202%2013-6%200-12-4-14-27-15h-25m89%200c-21%201-24%203-24%2015l1%207%2017-3%2028-2c22%200%2022%200%2018-8-5-9-13-10-40-9m-97%20101c-2%206-3%2034-1%2041%203%2011%207%2013%2028%2014%2029%201%2035-1%2038-13%203-8%203-31%200-31a661%20661%200%2000-43-11l-19-4-3%204m128-2a1598%201598%200%2001-53%2013c-2%200-2%201-2%2015%201%2027%204%2030%2040%2029%2021-1%2025-3%2028-14%202-7%201-35-1-41-2-5-2-5-12-2m-125%201c-4%205-4%2040%200%2046%204%207%208%208%2030%208%2030-1%2031-2%2031-26l1-14-25-6a2035%202035%200%2001-37-8m119%203l-30%207-16%204v14c0%2024%201%2025%2031%2026%2022%200%2026-1%2030-8%205-7%204-44-1-46l-14%203m-304%201c-10%203-14%209-15%2025l1%2016%201%206h6l49%206c6%201%208-3%208-23%200-18-2-24-8-28-4-3-34-4-42-2m67%200c-8%204-10%2010-10%2029-1%2020%201%2025%207%2024l49-6h6l1-5c2-7%200-27-2-31-2-6-6-9-11-11-7-1-36-2-40%200m-67%202c-10%204-12%2010-12%2028l1%2014%2028%204c31%203%2029%204%2031-8%202-19-2-34-9-37-5-3-33-3-39-1m67%201l-5%204c-5%206-5%2038-1%2043%202%201%2055-4%2057-6l1-12c0-18-4-27-14-30-6-2-34-1-38%201'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/be9cc/k_vrc.png","srcSet":"/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/77247/k_vrc.png 180w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/375c0/k_vrc.png 360w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/be9cc/k_vrc.png 720w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/8c853/k_vrc.png 1080w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/b43da/k_vrc.png 1094w","srcWebp":"/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/f1dd6/k_vrc.webp","srcSetWebp":"/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/5e0c5/k_vrc.webp 180w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/c5804/k_vrc.webp 360w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/f1dd6/k_vrc.webp 720w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/00479/k_vrc.webp 1080w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/36566/k_vrc.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/k-vrc","isStudio":true}}},{"node":{"id":"ccf05d7c-8ca7-59d2-b4e1-1fe4c51fe20b","frontmatter":{"title":"🌄 图片处理工作流","date":"2021-12-03 16:34:10","description":"前端图片流，给定一个处理流程，然后按照流程处理图片，目前可以做批量切图、重命名和压缩。","tech":"other","slug":"img_flow","titleColor":"#fff","btnStyle":"darkBlue","contentPadding":null,"banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M164%20255a137%20137%200%20001%2035l-1%205c-2%200-1%2030%201%2030h82c2%200%203-29%201-30v-10l1-16v-14l-43-1-42%201m3%205v3h23v-5h-23v2m141%208c-2%202-2%2013%200%2014%202%200%202%209%200%2010-2%200-2%2011-1%2013l44%201h42v-18l-1-20c-2-2-82-2-84%200m2%205c-1%202%201%203%2013%203%2011%200%2011%200%2011-2s-1-2-12-2l-12%201m10%2025c0%202%201%202%208%202h30c2%200%203%200%203-2s-7-3-8-1h-1l-2-1-2%201h-1c-1-1-13-1-13%201h-1c0-2-1-2-1-1h-2c-3-2-10-1-10%201M11%20309c-2%201-1%2034%200%2035l43%201h41l1-3v-34H54l-43%201m296%2031l1%2013v9l-1%2013%201%2012h85v-58l-43-1h-43v12m3-7c-1%202%202%203%2013%203%2010%200%2011%200%2011-2s-1-2-12-2l-12%201m-102%2012l1%209%201%205-1%205c-2%200-1%2018%201%2018h82c2%200%203-18%201-18v-10l1-9v-8l-43-1h-43v9m-101-4v13l1%205-1%205-1%206%201%207h42l43-1v-12l-1-5%201-5v-13c-2-2-83-2-85%200m149%2024l-5%201h-13c-3-1-4%200-4%201%200%202%200%202%201%201h26l4%201h7c2%200%203%200%203-2s0-3-1-2h-18m-19%208c-2%200-3%201-3%202l15%201c12%200%2015-1%2015-2%200-2-13-2-20-1h-7'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/9c22131915ce4498e9fcd0b892ecfb52/be9cc/img_flow.png","srcSet":"/static/9c22131915ce4498e9fcd0b892ecfb52/77247/img_flow.png 180w,\n/static/9c22131915ce4498e9fcd0b892ecfb52/375c0/img_flow.png 360w,\n/static/9c22131915ce4498e9fcd0b892ecfb52/be9cc/img_flow.png 720w,\n/static/9c22131915ce4498e9fcd0b892ecfb52/8c853/img_flow.png 1080w,\n/static/9c22131915ce4498e9fcd0b892ecfb52/b43da/img_flow.png 1094w","srcWebp":"/static/9c22131915ce4498e9fcd0b892ecfb52/f1dd6/img_flow.webp","srcSetWebp":"/static/9c22131915ce4498e9fcd0b892ecfb52/5e0c5/img_flow.webp 180w,\n/static/9c22131915ce4498e9fcd0b892ecfb52/c5804/img_flow.webp 360w,\n/static/9c22131915ce4498e9fcd0b892ecfb52/f1dd6/img_flow.webp 720w,\n/static/9c22131915ce4498e9fcd0b892ecfb52/00479/img_flow.webp 1080w,\n/static/9c22131915ce4498e9fcd0b892ecfb52/36566/img_flow.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/img_flow","isStudio":true}}},{"node":{"id":"1753b377-af77-5e94-aaca-21a3e754e2ea","frontmatter":{"title":"🍱 小部件 Widgets","date":"2021-11-03 16:34:10","description":"小部件是规定了普适的UI框能力🍱，网格布局还要紧凑的信息和功能，整齐又有趣。","tech":"other","slug":"app_widgets","titleColor":"#fff","btnStyle":"darkBlue","contentPadding":null,"banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M0%20229v229h401V0H0v229m179-19l7%201h1l6-1h6v13l1%2013h-27v-6l1-6v-1l-1-7v-5l-1%2027c0%2025%200%2026%202%2027h53l-13-1h-13v-26h26v13l1%2013c2-1%201-52%200-54l-28-1-21%201m22%2013v13h27l-1-13v-12l-13-1h-13v13m-21-7l-3%205c-1%204-1%206%201%204%201-1%201-1%201%203l1%207%201-5c0-4%200-6%202-6%201-1%201%201-1%205-1%203%202%201%204-2l2-3v4c0%203%200%204-2%204v2c3%202%204%201%205-5l1-5%201%203%203%204c2%200%201-3-1-6-2-2-2-2%200-4%203-3%202-4-3-3-5%200-5%200-5-2%201-3-1-3-2%201l-3%204c-1%202-1%202-1%200l1-4c2-2%202-3%200-3-1-1-1%200-2%202m28-2l-1%202-1%202c-2%200-3%202-1%202v3c-1%203-1%203%201%205l2%201-3%203c-3%203-2%204%202%201%202-2%202-2%203-1%203%202%204%200%202-2-2-3-1-5%203-5%202%200%202%200%202%204l-1%203c-3%200-2%202%200%202%202%201%204-2%204-6-1-3%200-3%202-3l3-1c1-1-1-2-4-1-2%200-2%200-1-2l2-3c3-2%202-3-3-3l-6%201%204%201c3%200%203%200%202%202l-2%203-2%201c-2%200-3%200-2-2%200-2%200-3-2-3-1%200-2-1-1-2%200-3-1-4-2-2m-91%2012c-12%206-9%2023%204%2023s17-18%204-23h-8m220%205c-2%201-3%202-3%2010%200%2010%200%2011%2010%2011%209%200%2010-1%2010-11l-1-9c-3-2-13-2-16-1m21%202c-3%203-3%2013%200%2017%202%203%2016%203%2018%200%202-2%202-16%200-18-4-2-16-1-18%201m-185%2018l1%2013h26l-1-13v-13h-26v13m12-7l-1%204c-1%200-2-1-2-3l-1-3c-1%200-2%201-2%203s0%203-2%203v1h1l1%206v7h9l9-1-8-1h-7v-5c0-7%202-8%203-1%200%204%201%205%202%203l3-1c3%201%203%201%203-3%200-3%200-4%202-4%201%200%202%200%201-1l-2-1c-1%201-1%200-1-2%201-2%200-3-1-3l-1%203c0%202%200%203-2%203s-2-1-2-3l-1-4-1%203m22%203v6l-1%202c-3%202-1%203%202%201h2c0%202-2%205-4%205l-1%202c2%201%206-3%207-7%202-6%204-5%204%202%200%206%202%207%203%201%200-4%200-4%202-3s4%201%204-1l-3-2c-2%200-3%200-2-1%202%200%202-1%202-4%200-6%200-5-8-5h-7v4m122%2044c-4%202-4%204-4%2034v30l2%203%203%202h59l3-2%202-3v-30c0-28%200-30-2-32l-2-2-29-1-32%201m-161%203c-2%202-2%204-2%2017%200%2015%200%2015%205%2014l1%201-3%201c-2%200-2%200-2%204v3l-1%209c0%209%202%2015%205%2016a1673%201673%200%2000140-1c3-2%204-7%202-8l-2-2h2c2%202%202-51-1-55l-1-2H170l-2%203m179%207c-5%204-3%2014%202%2014%204%200%206-3%206-8%200-6-4-9-8-6M20%20325a737%20737%200%20013%202c0%201%201%201%202-1%202-2%202-2%201%200l1%202%201-1h1c1%201%204%201%205-1h1c1%202%2012%202%2012%200l1-2H33l-7-1c-6%200-6%200-6%202m72%2054c-5%201-5%202-5%2034%200%2029%200%2030%202%2032%203%203%20139%203%20143%200l3-2v-30c0-30-1-30-3-32l-2-2-68-1-70%201m156%201c-2%202-2%203-2%2025%200%2011%200%2011%202%2011h1l-1%201c-2%200-2%201-2%205s0%205%201%204%207%202%207%204c-1%202%201%203%204%203l5%201%202%201%202%202%201%201v6c-1%201-2%201-3-1h-2l-1%202-1%201%2024%201c22%200%2025%200%2027-2%202-1%202-3%202-28%200-37%200-35-2-37-4-3-61-3-64%200m82%204v8l1%206h58v-13l-1-2h-29l-29%201m-3%2040c-2%202-2%204-2%2011%200%2013-2%2012%2035%2012%2036%200%2034%201%2034-12%200-14%202-13-34-13-31%200-31%200-33%202'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/ae560afac4d8b15f2ba4a70a4c5f115b/be9cc/widgets.png","srcSet":"/static/ae560afac4d8b15f2ba4a70a4c5f115b/77247/widgets.png 180w,\n/static/ae560afac4d8b15f2ba4a70a4c5f115b/375c0/widgets.png 360w,\n/static/ae560afac4d8b15f2ba4a70a4c5f115b/be9cc/widgets.png 720w,\n/static/ae560afac4d8b15f2ba4a70a4c5f115b/8c853/widgets.png 1080w,\n/static/ae560afac4d8b15f2ba4a70a4c5f115b/b43da/widgets.png 1094w","srcWebp":"/static/ae560afac4d8b15f2ba4a70a4c5f115b/f1dd6/widgets.webp","srcSetWebp":"/static/ae560afac4d8b15f2ba4a70a4c5f115b/5e0c5/widgets.webp 180w,\n/static/ae560afac4d8b15f2ba4a70a4c5f115b/c5804/widgets.webp 360w,\n/static/ae560afac4d8b15f2ba4a70a4c5f115b/f1dd6/widgets.webp 720w,\n/static/ae560afac4d8b15f2ba4a70a4c5f115b/00479/widgets.webp 1080w,\n/static/ae560afac4d8b15f2ba4a70a4c5f115b/36566/widgets.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/app_widgets","isStudio":true}}},{"node":{"id":"b5ec66f8-b7e3-58ca-b834-10ab7861d20c","frontmatter":{"title":"🚀 火箭着陆","date":"2021-10-03 16:34:10","description":"Threejs + Cannonjs 实现的一个3D火箭自动着陆，火箭发射，LowPoly 风格画面。","tech":"other","slug":"rocket","titleColor":"#774934","btnStyle":"darkBlue","contentPadding":null,"banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M275%20118c7%2015%207%2014-2%2016-8%203-20%201-27-3l-6-3-1%205c-1%204-2%206-1%207%202%201%201%203-1%203l-1%2011c0%2012%201%2014%206%2014%202%200%203%200%203-5%200-6%201-7%203-5l5%201c4%200%204%200%202%201l-3%201%203%203%207%203c6%200%204%204-2%206-13%204-14%204-18%202-8-5-8-5-9%205l1%2010%201%206c0%205%200%206%203%207%203%202%204%201%204-4%200-3%200-3%203-2%203%202%204%203%201%205l-2%204c0%201%200%202%201%201%200-1%201-1%203%201%202%201%202%201%201%202-3%203-10%200-9-2%200-2-4-4-6-3l-2-1c0-3-2%201-4%207l-2%207H0v240h401V218H280v-4a6481%206481%200%2001-2-23%20475%20475%200%20005-41c2-17%201-20-6-34l-7-11%205%2013m-9%20132c-4%202-4%202-1%204l2%203h-2c-5%201-5%204%200%208l5%206c1%202%201%202%202-1l1-11c0-6%200-6-2-8-3-1-4-2-5-1m-21%2024c-4%201-7%204-7%208%200%206%206%208%2012%204%207-5%204-14-5-12m-21%2016c-1%201-2%202-2%200-1-2-5-1-7%201s-2%202%200%204v4c-3%203-2%207%201%208l2%202c0%202%206%201%208-1%202-3%203-3%205-2%202%202%206%200%207-2s1-2%202-1c2%201%202%201%203-1%202-2%202-2%202%200s-2%204-5%205-1%203%202%203%207-3%207-5c-1-1%200-2%201-3%206-4%203-12-2-9h-5c-2-2-6-2-9%200-2%201-2%201-2-1%200-4-5-5-8-2'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/96d5eedc1f3910e312070a9d298666c2/be9cc/rocket.png","srcSet":"/static/96d5eedc1f3910e312070a9d298666c2/77247/rocket.png 180w,\n/static/96d5eedc1f3910e312070a9d298666c2/375c0/rocket.png 360w,\n/static/96d5eedc1f3910e312070a9d298666c2/be9cc/rocket.png 720w,\n/static/96d5eedc1f3910e312070a9d298666c2/8c853/rocket.png 1080w,\n/static/96d5eedc1f3910e312070a9d298666c2/b43da/rocket.png 1094w","srcWebp":"/static/96d5eedc1f3910e312070a9d298666c2/f1dd6/rocket.webp","srcSetWebp":"/static/96d5eedc1f3910e312070a9d298666c2/5e0c5/rocket.webp 180w,\n/static/96d5eedc1f3910e312070a9d298666c2/c5804/rocket.webp 360w,\n/static/96d5eedc1f3910e312070a9d298666c2/f1dd6/rocket.webp 720w,\n/static/96d5eedc1f3910e312070a9d298666c2/00479/rocket.webp 1080w,\n/static/96d5eedc1f3910e312070a9d298666c2/36566/rocket.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/rocket","isStudio":true}}},{"node":{"id":"55b1090c-b6a1-51f5-91a3-f9c05a8ae594","frontmatter":{"title":"💾 数据管理层 NOVUS","date":"2021-09-07 22:50:20","description":"React、TypeScript 友好、不需要模板代码、集中式的数据模型、心智简单、足够使用。","tech":"javascript","slug":"novus","titleColor":"#dcdcdc","btnStyle":"darkBlue","contentPadding":"3% 10% 0","banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M0%20229v229h401V0H0v229m4-42l-1%206c0%205%200%205%203%205%202%200%203%200%203%202-1%201%200%202%203%202%206%201%2011%200%2012-2l-1-1H13l3-1c2%200%203-1%203-4v-3h-7c-7%200-7%200-7-3l-1-1m32%200l1%203c2%201%2010%200%2011-1l1-1%201%201c-1%202%2022%201%2024%200h1l3%201h5c1%202%202%201%202-1s0-2-3-2h-3a213%20213%200%2000-41%201c1-1%200-2-1-2l-1%201m218%20148c-1%208-1%209%201%209l3%201c-1%203%200%203%206%203s9-2%204-3l-2-3c0-3%200-3-5-3l-6-1h5c4%200%205%200%205-2l-5-1h-6m26%200v2h11l13%201h14c1%201%202%200%203-2l-3-1h-38M4%20381l33%201a329%20329%200%2000-33-1m31%2026'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/45d9c42628d00ab84c2572b13ba14338/be9cc/novus.png","srcSet":"/static/45d9c42628d00ab84c2572b13ba14338/77247/novus.png 180w,\n/static/45d9c42628d00ab84c2572b13ba14338/375c0/novus.png 360w,\n/static/45d9c42628d00ab84c2572b13ba14338/be9cc/novus.png 720w,\n/static/45d9c42628d00ab84c2572b13ba14338/8c853/novus.png 1080w,\n/static/45d9c42628d00ab84c2572b13ba14338/b43da/novus.png 1094w","srcWebp":"/static/45d9c42628d00ab84c2572b13ba14338/f1dd6/novus.webp","srcSetWebp":"/static/45d9c42628d00ab84c2572b13ba14338/5e0c5/novus.webp 180w,\n/static/45d9c42628d00ab84c2572b13ba14338/c5804/novus.webp 360w,\n/static/45d9c42628d00ab84c2572b13ba14338/f1dd6/novus.webp 720w,\n/static/45d9c42628d00ab84c2572b13ba14338/00479/novus.webp 1080w,\n/static/45d9c42628d00ab84c2572b13ba14338/36566/novus.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/novus","isStudio":true}}},{"node":{"id":"37c77187-30e7-5f5a-a575-73533655f8ed","frontmatter":{"title":"🐠 小鱼塘","date":"2021-06-20 16:34:10","description":"一个小鱼儿自由晃荡的海底小世界，喜欢的话可以逗逗它们。你也可以扔个瓶子，捞个瓶子玩。","tech":"other","slug":"fishes","titleColor":"#063362","btnStyle":"lightYellow","contentPadding":null,"banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M0%20101v77l2-3%203-2-2%203-3%203v62l1%2063c2%200%207%206%208%209%201%207%203%2013%206%2016l11%2015c0%202-2%201-7-3-3-3-6-5-7-4-2%200-8-4-10-9-2-3-2-3-2%2063v67h51c58%200%2052%201%2053-7%201-4%203-3%209%203l4%204h16l17-1h3l6%201h5l-1-3-7-9c-7-8-9-11-9-14s0-3%202-2l3%202%201%201c1-1-2-9-3-11-2-2-10-5-12-5-1%201-3-4-2-5l1%201h1v-1c-1-1-1-2%201-3h1l6%206%209%208c1%203%203%205%204%205l3%205%203%206%202%2011v8h40a603%20603%200%200072-1c-3%202%2016%201%2019%200l1-2h-3l-1-1%205-1%205-2c-1-1-38%201-58%203a139%20139%200%2001-36-1c-3%201-2-3%201-5%201-2%203-3%205-3l8-1%2018-3%2015-1h24a386%20386%200%200075%202c30-3%2039-6%2033-8l-4-1-2-1h-1c0%202%200%202-2%201-1-1-1-1-2%201l-1%201-2%201c-2%205-6%200-6-6%200-3%201-3%204-3%202%200%203-1%203-4%200-4%202-5%203-1s2%203%202-1c0-2%200-4%201-3l1%204v3l3-2%208-8c4-7%205-7%205-5s0%204-2%205c-3%202-8%209-8%2011%200%201%201%202%203%201l4-1%201-2%201%204-1%202h-1l-1%202-1%202%202-1c3-2%203%200%203%2013a1580%201580%200%20000-121c0%202-7-2-13-7-1-1%201-7%204-7%202-1%203-4%201-4l-1%201-1%201-3%202-2%202-1-3-2-3c-2%200-1%203%201%205%201%202%201%202-2%209l-3%207-1%204-1%202v1l-1%202c-1%201-1%200-2-1%200-2-5-4-7-3-2%202%202%206%206%206l2%202h2l1-1c-1-1%205-17%207-19%201-2%201-2%203%201l8%204%205%202v10l-1%2010v1l1%204-1%203-1%202-2%202-3%201c0%202-4-2-4-5-1-3-2-4-2%200l-1%206%201%202c3%200%205%203%203%204-3%201-2%206%200%209%203%203%205%202%204-3v-3l1%203c1%204%200%209-1%207-2-1-3-1-3%201l-3%201c-1-1-2%203-1%205v1l-1%201v4c-1%202-2%204-1%205h-1v1l-1%202-1-10c0-5%200-8-1-7l-2%201v-5l1-1-1-2v-13c0-2-2-3-5-1-3%201-4-5-2-12l1-4%205%203c6%203%208%202%208-3%201-4%201-5-1-1-1%202-2%203-4%203-1%200-2%200-1-1l-1-3c-1-2-3-3-3-2l-3-2c-1-1-1-1-1%203s-2%209-3%209l-1%203c0%206-2%207-3%202l-3-5c-2-1-2-2-2-4v-4l-1%202c0%203-1%203-6%201l-4-4c0-2%200-3-4-4-6-2-6-4-2-16l3-11c0-4%208-34%209-32h7c1%202%206%205%209%205v-1c-2-2-3-12-2-12v-1c-1-2-5-3-7-1l-3%201-3%201%202-7%203-7v-1c-2-2-3-9-2-11%201-1%203%200%207%202%205%202%207%202%207-1v-2l2%202%204%202%202%201c0%202%202%201%203-1v-5c1-5%200-8-1-6-2%203-10%205-11%203v1l-1%204h-3c0-1-3-5-5-5l-2-2%201-1c2%200%204-2%205-6l2-4%202-6c3-9%204-12%204-7-1%205%200%204%202%200%200-2%200-3-2-4l-1-6%202-8c1-9%204-11%2010-8%204%201%204%200%201-5-1-2-3-3-5-3l-3-2c0-2-9%200-11%202s-7%203-5%201l2-1%203-1%202-2c2%200%202%200%201-1-2-1-10%201-9%202l-3%201-7%202c-4%204-7%203-3%200l3-2h-3c-3%200-3%200-1-1%202%200%203-3%201-3-5%200-1-2%204-2%206-1%207-3%202-3-3%200-4-1-2-2%201-1-1-1-4-1l-7-3c-2-2-2-2-5%200l-4%202c-3%200-8%202-8%204%200%201-6%205-7%204l-1%201c1%201%200%201-1%201l-3%201-2%201-2%202v2c-2%200-6%205-6%207l-2%201c-3%200-4%201-2%202s1%201-4%201c-2%200-4%201-5%203l-3%201-1%201c2%202-1%202-4%200l-3-3c0-1%200-2%201-1l1-1c-1-2-3-2-3%200l-2%202-3-1-2-2-3-1-2-1-3-2-3-2-2-1h-3l-2-1c-1%200-2%200-1-1l-2-3c-3-3-4-4-4-2h-3c-2%200-2-1-1-3%200-2%200-2-2-2l-5%202-6%201c-1%201-1%201-1-1%200-4-1-4-2-4l-2-1%201-1%204-1c1-1%201-1-1-1l-3-2-1-1-3-7c-3-9-4-12-16-29-10-15-13-21-17-29-3-7-13-16-19-19l-8-4-11-2c-7-1-9-2-15-8-6-5-8-6-14-7a42%2042%200%2001-15-5l-4-2c-2-2-3-2-3-1-1%201%200%202%201%202l2%201v2l-7%203c-2-2-1-4%201-5l1-1-7-4-8-6c-2%200-5-1-7-3l-6-2c-3%200-3%200-1%201%202%200%202%201%202%204s-1%204-4%203l-3-1-2-2c1-1%200-2-1-2l-2-3c0-2-4-6-6-6l-3-1-3-1c-7%201-35-5-43-8l-3-1v77m388-26h-9c-9%200-10%201-4%203%2010%203%2022%202%2022-2%200-2-8-3-9-1M243%20213c-3%202-3%207%200%209l51%201h50l1-2c3-3%202-5%200-8l-3-2h-48c-42%200-49%200-51%202m155%2075c-1%202-10%204-14%203-3%200-2%202%200%202%202%201%205%208%204%2011-1%201%200%201%201%201%202%200%203-1%203-2l4-4c3-1%204-1%204-7s0-7-2-4m-44%2023l-3%204c1%200%2014%202%2015%201l1%202v3c2%200%202-6%200-8s-2-2-3%200c-2%201-2%201-2-1%200-6-4-6-8-1m-52%2014c-7%206-8%208-8%2020v11l-27%201-29%201c-5%204%201%209%2011%2011l11%203c7%202%2015%203%2016%202h1l3-2c2-1%202-1%203%201%200%202%202%203%202%201l3-2c3-1%207%201%207%202h1l2%201%201%201c3-2%209-3%2013-4h5l-5%203c-10%205-14%209-14%2014v5h10l10-1%208-1c10%200%2019-2%2019-5l-2-3c-3%200-2-1%202-3%206-3%204-9-2-9h-3l2-4c1-3%207-8%209-8l1%203v3l1%202%202%202-1-11c-1-2-5-3-5-2%200%202-2%201-4-1v-3l1-3c0-4-1-5-4-7l-3-1h-1v-1l-2-3c-2-1-3-1-2%201l-1%202c-2%200-2%201-2%202%201%201%200%202-1%202s-3%201-4%204c0%202-2%204-3%204l-1%204c0%203%200%203-3%203l-8-2c-7-1-7-2%200-2%208%200%2011-1%209-3v-1c2%200%202-9%201-10v-4l-2-6c-3-7-3-7%202-4%203%202%204%202%203%200%200-2-9-6-15-7-2%200-4%200-7%204m-215%201c-8%205-10%207-5%207l5-2h3s1%202%203%202l5%2010c3%2010%204%2012%202%2014v3c1%202%200%202-2%201-2%200-2-4%200-5%201%200%202-4%200-4-3%200-4%2014%200%2019%202%203%203%203%203-2-1-4-1-4%201-4l4%201%202%202%202%204%204%205%202%202-2-6-2-5-3-3-3-2c0-2-1-3-2-3l-1-12c-1-10-3-22-5-25-2-2-3-1-11%203m-64%2024l3%204%202%204c0%203%204%205%209%203l2-1-3-3-4-5c-1-2-9-3-9-2m376%2026l-1%202v5l-2%206-3%205-3%207-3%207-1%204v3l1-3%204-5a234%20234%200%20007-8c2-1%202-3%202-13%200-11%200-12-1-10m-50%2019l-11%206-7%204-3%202c-3%203%206%202%2010-1%201-2%206-4%209-6%2011-6%2012-10%202-5m-88-1c-5%200-5%200-5%203%201%203%203%204%205%204v1l-8-1c-13-3-43%200-40%204%202%204%2028%207%2058%206%2018%200%2022-2%205-2l-30-2%203-1%207-2%208-1h3l20%204h3l1%201%2011%201%201-1%202-2c0-2%206-3%207%200%200%201%203%201%2012-1%2011-3%2017-7%2013-9s-14-2-16-1l-5%202-22-1-8%201h-7l-3-1h4l7-2h-26m-138%2016l3%206%205%209%205%2012%205%208%202%203-3-8-3-7c0-1%208%208%209%2011l1%203%201-4-1-4c-3-1-10-10-10-13l-2-4c-4-2-7-7-5-6%203%201%202-1-1-5-4-4-6-5-6-1m203%202c1%201-4%204-5%203l-1%201-1%201c-1-1-8%201-8%202l-5%201-13%201-10-1c-4-2-7-2-16-1l-15%201c-10-1-3%205%2010%208l14%202%2012%202c5%201%2010%200%205-2-4-1-3-3%203-3%2022-3%2033-6%2037-11%204-4%204-5-2-5l-5%201'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/b6d0cfc01ff441fb730c815153ed2fd1/be9cc/fishes.png","srcSet":"/static/b6d0cfc01ff441fb730c815153ed2fd1/77247/fishes.png 180w,\n/static/b6d0cfc01ff441fb730c815153ed2fd1/375c0/fishes.png 360w,\n/static/b6d0cfc01ff441fb730c815153ed2fd1/be9cc/fishes.png 720w,\n/static/b6d0cfc01ff441fb730c815153ed2fd1/8c853/fishes.png 1080w,\n/static/b6d0cfc01ff441fb730c815153ed2fd1/b43da/fishes.png 1094w","srcWebp":"/static/b6d0cfc01ff441fb730c815153ed2fd1/f1dd6/fishes.webp","srcSetWebp":"/static/b6d0cfc01ff441fb730c815153ed2fd1/5e0c5/fishes.webp 180w,\n/static/b6d0cfc01ff441fb730c815153ed2fd1/c5804/fishes.webp 360w,\n/static/b6d0cfc01ff441fb730c815153ed2fd1/f1dd6/fishes.webp 720w,\n/static/b6d0cfc01ff441fb730c815153ed2fd1/00479/fishes.webp 1080w,\n/static/b6d0cfc01ff441fb730c815153ed2fd1/36566/fishes.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/fishes","isStudio":true}}},{"node":{"id":"753ce666-76ed-5d43-9816-416999931e37","frontmatter":{"title":"👓 Cyberpunk UI","date":"2021-06-03 16:34:10","description":"赛博朋克的 UI 样式，前端实现的一些界面元素","tech":"other","slug":"cyberpunk","titleColor":"#fff","btnStyle":"lightYellow","contentPadding":null,"banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M0%20229v229h401V0H0v229m175-30v6c0%203%201%204%204%204%204%200%207-2%207-7v-4h-5l-6%201m25%200l-1%205v5h4c5%200%207-2%207-7v-4h-5l-5%201m12%200l-1%205v5h4c5%200%207-3%207-7%200-3-1-4-5-4l-5%201M72%20264c-7%205-6%2014%202%2021%207%205%208%205%2012%200%206-8%206-16%201-20-4-4-11-4-15-1m116%2012v10h15c19%200%2019%200%2019-12v-8h-34v10m35%200v10h16c19%200%2019%200%2019-11l-1-7-18-1-16-1v10M57%20291c-2%201-3%204%200%203%202%200%206%203%206%205s-4%204-7%203-4%202-4%2010l-1%209c-3%204-3%205%201%205h1c-4%201-5%204-5%2017%200%2010%201%2012%202%2011l5%202c2%202%202%203%201%203l-3-1c-2-2-5-2-6%201s1%2010%202%208h3l-2%201c-1%200-1%201%202%203%205%204%206%208%205%2013l1%206%205%202c4%202%205%203%207%200%202-1%202-2%201-6-1-3-1-10%201-23%200-4%201-5%202-5l3-1c1%200%202%201%202%204l2%209c2%202%204%207%204%2010%203%209%208%2013%2012%209%201-1%201-1%201%201%200%203-5%206-9%204l-2-2-1-1c-2%200-1%209%201%2016l2%2014%201%207v7l4%201%204%201%204%202c5%201%209-1%207-4l-12-6-1-1c2%200%202-1%200-7-1-5-1-5%201-17%203-12%203-15-1-23v-10c3%200%206-5%207-10%200-4%200-5-1-4h-4c-2-2-1-3%201-2%202%202%204-1%203-4l-1-10c-1-12-2-12-5-12h-1c2-2%203-4%201-6l-1-7c0-5-1-8-2-9-2-2-3-6-1-8%204-4-29-12-35-8m7%2021l-1%201c-1%200-3%205-3%2010l-1%205-1%203c0%203%200%204%202%203l5%203c6%205%2011%208%2015%208%203%200%207-4%207-7%200-2%200-2%201-1l2%204%202%203c1%201%203%203%203%205%202%203%202%203%202%201l-4-10-4-9v-2l-1-4c0-6-1-7-3-5-4%202-5%201-10-4s-9-7-11-4m-9%2083l-1%2017c0%2012%200%2014-2%2019-3%207-3%208%201%208h3l-3%201c-2%201-3%202-3%205%201%206%202%208%208%208%205-1%206-3%203-8-3-6-1-21%205-36%203-8%203-11%201-11l-5-3c-4-5-5-5-7%200m240%202l-1%204v4h7c8%200%2011-2%2011-6%200-2-1-3-9-3l-8%201m-92%2052v5h6c8%200%2010-2%2010-7v-3h-16v5'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/1780dbc95965ca1fd887668a49d17458/be9cc/cyberpunk.png","srcSet":"/static/1780dbc95965ca1fd887668a49d17458/77247/cyberpunk.png 180w,\n/static/1780dbc95965ca1fd887668a49d17458/375c0/cyberpunk.png 360w,\n/static/1780dbc95965ca1fd887668a49d17458/be9cc/cyberpunk.png 720w,\n/static/1780dbc95965ca1fd887668a49d17458/8c853/cyberpunk.png 1080w,\n/static/1780dbc95965ca1fd887668a49d17458/b43da/cyberpunk.png 1094w","srcWebp":"/static/1780dbc95965ca1fd887668a49d17458/f1dd6/cyberpunk.webp","srcSetWebp":"/static/1780dbc95965ca1fd887668a49d17458/5e0c5/cyberpunk.webp 180w,\n/static/1780dbc95965ca1fd887668a49d17458/c5804/cyberpunk.webp 360w,\n/static/1780dbc95965ca1fd887668a49d17458/f1dd6/cyberpunk.webp 720w,\n/static/1780dbc95965ca1fd887668a49d17458/00479/cyberpunk.webp 1080w,\n/static/1780dbc95965ca1fd887668a49d17458/36566/cyberpunk.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/cyberpunk","isStudio":true}}},{"node":{"id":"b42645e6-9ab0-5799-aa9a-4aa30b7eeb79","frontmatter":{"title":"👓 七夕有你","date":"2021-04-03 16:34:10","description":"七夕节日，最近沉迷 3D 搭建，所以花了几天空闲时间赶出来了这个小3D交互，有情人终成眷属，七夕快乐！","tech":"other","slug":"qixi","titleColor":"#85216c","btnStyle":"lightYellow","contentPadding":null,"banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M366%20143l-2%2012v5h4l12%202c7%200%2010%201%209%203l-41-4-40-4-2%2012-2%2015v4h8c10%201%2012%202%2010%204-1%201-10%200-44-4l-43-5-1%2020-1%2020%204%201c4%200%205%202%202%203-1%201-16-1-48-5l-47-7%204%2065%2010%202%2010%202v3c0%204%200%204%203%204%202%200%203-1%203-3%200-4-2-4%2022%201l20%203v3c0%203%200%204%202%204%202%201%204-1%204-5l1-1c4%202%2013%202%2014%201l2-25%201-24h10v4c0%204%200%204%203%204%202%200%202%200%202-3%200-4-1-4%2022%200l18%202v4c0%205%203%206%204%200%201-3%201-3%205-2%208%201%208%202%202%204-6%203-6%204-7%209%200%205%200%205%203%206l6%201h5c3%202%205%200%2010-8l4-8-3-4c-2-2-4-4-6-4-2-1-2-1-2-4a503%20503%200%20006-29c0-2%201-2%202-2a602%20602%200%200035%206v4c0%203%200%203%202%203l2-3c0-4%201-4%209-3h6l3-15c3-17%203-17%206-17l7%201%206%201v-27c0-25%200-27-2-27a478%20478%200%2001-30-3l-2%208M29%20258a2172%202172%200%200112%2068l12%203c11%202%2011%203%2012%206%202%205%208%205%208%200%200-2%202-1%2021%203%2024%205%2023%204%2023%208s6%205%207%201c0-3%202-3%202%200%200%202-1%204-8%207-10%205-10%205-9%2011%200%205%201%205%204%208l4%202%205-3c6-3%206-3%209-1%204%202%208%200%2014-11l5-9-6-4-5-3v-5a753%20753%200%2000-6-67h-12a11590%2011590%200%2001-92-14m332%2034c-4%202-4%203-2%205%204%204%2011%203%2016-1l2-2-2-2c-3-3-10-3-14%200m-167%2030l-7%202c-4%200-8%209-5%2013%201%202%202%209%200%2011-1%202%200%203%201%205v6c-1%202-1%202%201%204a485%20485%200%20019%208l4%203c4%202%207%202%2011-1%202-2%203-2%204-1%203%203%209-2%209-6%200-3-2-3-4-1-3%204-4%203-2-1%203-5%203-5-1-7s-6-7-2-9l3-7%202-7%201-4c0-3-1-4-7-7-9-5-11-5-17-1m74%206c3%201%204%204%204%208%200%205-4%208-9%208-4%200-4%200-5%208-1%203%200%204%201%205%202%202%202%203%202%209s0%207%202%207%207%204%206%205l-4-1c-4-2-4-2-5-1-3%205%201%208%209%207%206%200%209-3%209-7-1-2%200-3%201-4s2-2%202-5l1-7%202-7c1-3%201-4%205-4l8-4%204-4-3-2-7-2c-4%200-4%200-4-2%200-3%200-3-7-3s-8-1-8-3-1-2-3-2c-3%200-3%200-1%201m-31%2023c-5%205-8%205-5%201l2-3h-2c-4%200-9%205-7%208%202%205%202%208%201%2010-3%202-1%204%205%204l4%203%203%203%202-3c1-2%202-4%201-5l1-11%201-4c2%200%201-3-1-4-2-2-2-2-5%201m79%203c-3%203%200%207%206%207v1c-3%202-10%201-10-2l-1-2c-3%200-2%204%201%205%207%204%2021-1%2020-7-2-4-12-6-16-2M0%20382c0%2025%200%2029%202%2029%203%202%205%201%207-2l3-2-6-25-5-26c-1-2-1%2010-1%2026m377-27l-1%203c0%202-7%208-22%2018l-6%203c-3-1-5%200-5%203l-3%204-3%202v-2c0-4-5-3-8%201-2%203-3%204-7%204-6%201-8%202-10%209-2%205-6%207-6%203%200-2-3-1-4%201-1%201-1%203%201%206l2%2011c-1%207%202%2011%205%208%202-2%2010%202%209%205s4%206%206%204c1-2%203-1%2010%203l7%205c-1%202%203%204%206%204%204%200%2011%204%2011%206s1%202%208%202h9l-3-2-5-2c-2-1-3-4-2-4l8%204c6%204%208%204%2013%204h5l-12-7c-11-6-12-7-12-9%200-3-3-5-5-3-1%202-2%202-3%201-2-2-1-7%201-9l2-6%201-8c1-5-9-13-16-15-5-1-5-1-4-3l2-3%2013-12c13-10%2013-10%2018-9l6-1c0-2%202-1%208%202%209%205%209%205%209%201%200-2-1-3-7-5l-8-3-1-2c0-3%200-3%209%201l7%204v-3c0-2-1-3-7-6-7-3-8-3-7-6%200-2%200-2-2-2l-4-1-3%201m-205%2033c-3%201-1%202%202%202%204-1%208%200%208%202%200%203-6%204-12%204-7-1-14%200-14%201s11%208%2013%208%201-2-3-4l-4-3h10c11-1%2015-3%2013-7-2-3-9-5-13-3m13%2011c-5%202-11%207-11%209s5%205%209%205c5%200%2014-4%2016-8l2-3-2-2c-3-4-9-4-14-1m2%202c-9%204-11%208-6%2010%203%201%2016-6%2016-9s-5-4-10-1m32%2017l-2%203-3%201c-4%200-8%204-8%206%201%204%207%207%2012%207%205-1%208-4%207-7l3-1c3%200%206-2%206-4%200-5-11-8-15-5'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/495f6df199765fb0fc32847cd24f2475/be9cc/qixi.png","srcSet":"/static/495f6df199765fb0fc32847cd24f2475/77247/qixi.png 180w,\n/static/495f6df199765fb0fc32847cd24f2475/375c0/qixi.png 360w,\n/static/495f6df199765fb0fc32847cd24f2475/be9cc/qixi.png 720w,\n/static/495f6df199765fb0fc32847cd24f2475/8c853/qixi.png 1080w,\n/static/495f6df199765fb0fc32847cd24f2475/b43da/qixi.png 1094w","srcWebp":"/static/495f6df199765fb0fc32847cd24f2475/f1dd6/qixi.webp","srcSetWebp":"/static/495f6df199765fb0fc32847cd24f2475/5e0c5/qixi.webp 180w,\n/static/495f6df199765fb0fc32847cd24f2475/c5804/qixi.webp 360w,\n/static/495f6df199765fb0fc32847cd24f2475/f1dd6/qixi.webp 720w,\n/static/495f6df199765fb0fc32847cd24f2475/00479/qixi.webp 1080w,\n/static/495f6df199765fb0fc32847cd24f2475/36566/qixi.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/qixi","isStudio":true}}},{"node":{"id":"36992e38-be01-58aa-b6c3-d76c51346f17","frontmatter":{"title":"🔗 短链服务","date":"2020-09-20 20:28:12","description":"对于技术人来说，很多优秀的技术需要踮起脚尖才能看到。技术无界限，但是还是需要遵守肉身所在地的法律法规哦~~","tech":"other","slug":"short-url","titleColor":"#3f3f3f","btnStyle":"darkBlue","contentPadding":"3% 10% 0","banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M186%20395l1%2011h31v-21h-32v10'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/2b813db81228ebacafd2dac87ef0a4d5/be9cc/short.png","srcSet":"/static/2b813db81228ebacafd2dac87ef0a4d5/77247/short.png 180w,\n/static/2b813db81228ebacafd2dac87ef0a4d5/375c0/short.png 360w,\n/static/2b813db81228ebacafd2dac87ef0a4d5/be9cc/short.png 720w,\n/static/2b813db81228ebacafd2dac87ef0a4d5/8c853/short.png 1080w,\n/static/2b813db81228ebacafd2dac87ef0a4d5/b43da/short.png 1094w","srcWebp":"/static/2b813db81228ebacafd2dac87ef0a4d5/f1dd6/short.webp","srcSetWebp":"/static/2b813db81228ebacafd2dac87ef0a4d5/5e0c5/short.webp 180w,\n/static/2b813db81228ebacafd2dac87ef0a4d5/c5804/short.webp 360w,\n/static/2b813db81228ebacafd2dac87ef0a4d5/f1dd6/short.webp 720w,\n/static/2b813db81228ebacafd2dac87ef0a4d5/00479/short.webp 1080w,\n/static/2b813db81228ebacafd2dac87ef0a4d5/36566/short.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/short-url","isStudio":true}}},{"node":{"id":"90b0ed9f-3e81-58b0-b025-940d75de0070","frontmatter":{"title":"💌 自己撸的一个婚礼相册！","date":"2020-09-20 20:28:12","description":"花了几天时间做的婚礼相册，还有祝福墙和电子请柬！把美美的照片全都放进去，不用微信一张张发了~~","tech":"other","slug":"marry","titleColor":"#fff","btnStyle":"lightYellow","contentPadding":null,"banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M163%20288l-23%2023%2014%2014%2014%2014%203-6%202-6-1%201c-1%202-6%201-6-1a191%20191%200%20019-38l2-6%202%203%201%203v-3c0-4%203-7%206-7s5%206%204%209l1%202%201-3c0-3%200-3%202%203l2%207%201%203c2%201%202%207%200%208l-3%209c0%205%201%206%204%2012l5%2010%2010%2020a479%20479%200%200046-48c0-2-5-8-22-24l-22-22h-30l-22%2023m52-14c-4%200-5%202-5%206-1%207%205%2012%2010%207%203-4%203-5%201-9-1-4-3-5-6-4'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/703fa66d05421bf70a5f70fbe0d33218/be9cc/marry.png","srcSet":"/static/703fa66d05421bf70a5f70fbe0d33218/77247/marry.png 180w,\n/static/703fa66d05421bf70a5f70fbe0d33218/375c0/marry.png 360w,\n/static/703fa66d05421bf70a5f70fbe0d33218/be9cc/marry.png 720w,\n/static/703fa66d05421bf70a5f70fbe0d33218/8c853/marry.png 1080w,\n/static/703fa66d05421bf70a5f70fbe0d33218/b43da/marry.png 1094w","srcWebp":"/static/703fa66d05421bf70a5f70fbe0d33218/f1dd6/marry.webp","srcSetWebp":"/static/703fa66d05421bf70a5f70fbe0d33218/5e0c5/marry.webp 180w,\n/static/703fa66d05421bf70a5f70fbe0d33218/c5804/marry.webp 360w,\n/static/703fa66d05421bf70a5f70fbe0d33218/f1dd6/marry.webp 720w,\n/static/703fa66d05421bf70a5f70fbe0d33218/00479/marry.webp 1080w,\n/static/703fa66d05421bf70a5f70fbe0d33218/36566/marry.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/marry","isStudio":true}}},{"node":{"id":"001e77ff-90f9-532a-ac87-6b24653ab1ed","frontmatter":{"title":"🎮 游戏","date":"2020-07-20 20:28:12","description":"实现的简单小游戏：元素消除、斗兽棋、你画我猜、五子棋、迷宫、六角拼图、指挥地图","tech":"javascript","slug":"games","titleColor":"#dcdcdc","btnStyle":"darkBlue","contentPadding":null,"banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M0%20229v229h27l2-5%203-4%202%204%202%205h14c12%200%2013%200%2012-1v-2l2%202%205%201%204-1%202-2v2c-1%201%202%201%2031%201h33l2-5%203-4%202%204%202%205h14c12%200%2013%200%2012-2h2c2%202%207%203%209%201l2-2v2c-1%201%203%201%2032%201h33l2-5%202-4%203%204%202%205h13c12%200%2013%200%2012-2h2c2%202%207%203%209%201l2-2%201%202c-1%201%203%201%2031%201h33l2-5%202-4%203%204%202%205h13c11%200%2013%200%2012-1l1-2%201%201c1%201%201-101%201-227V0H0v229m177%2095l-23%2013v11l-1%2015v4l23%2013%2024%2013%2023-13%2023-13v-29l-18-11-18-10-1%204%202%2010c0%206-1%208-7%208-7%200-8-2-7-11l1-10c0-2%200-4%202-5%203-4%200-2-23%2011M67%20401l-5%2010%2011%201h10l-5-11-6-10-5%2010m225-1l-5%2011%2010%201%2010-1-10-20-5%209m-136%2023h-9v19h19v-20l-10%201m103%209v10h19v-19h-19v9m112%200v10h19v-19h-19v9m-337%201v9h20v-19H34v10m3-8l-1%208v7h16v-15l-8-1-7%201m112%200l-1%208%201%207h15v-15l-8-1-7%201m112%207v8h15v-16h-15v8m113-7l-1%208v7h16v-15l-8-1-7%201m-277%206c-9%204-5%2017%204%2017%207%200%2010-4%2010-10s-8-11-14-7m112-1c-6%204-6%2012-1%2016%206%205%2015%201%2015-7%200-7-8-12-14-9m114%200c-10%204-8%2018%203%2018%2012%200%2013-17%201-18h-4m-226%203c-7%206%200%2017%208%2013%207-4%204-15-3-15l-5%202m111%200c-4%205-1%2013%206%2013s10-8%205-13c-4-3-7-3-11%200m113%200c-6%206%200%2016%207%2013%208-3%206-15-2-15l-5%202'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/aea395fe3acbd8bc68a5c75713b21282/be9cc/game.png","srcSet":"/static/aea395fe3acbd8bc68a5c75713b21282/77247/game.png 180w,\n/static/aea395fe3acbd8bc68a5c75713b21282/375c0/game.png 360w,\n/static/aea395fe3acbd8bc68a5c75713b21282/be9cc/game.png 720w,\n/static/aea395fe3acbd8bc68a5c75713b21282/8c853/game.png 1080w,\n/static/aea395fe3acbd8bc68a5c75713b21282/b43da/game.png 1094w","srcWebp":"/static/aea395fe3acbd8bc68a5c75713b21282/f1dd6/game.webp","srcSetWebp":"/static/aea395fe3acbd8bc68a5c75713b21282/5e0c5/game.webp 180w,\n/static/aea395fe3acbd8bc68a5c75713b21282/c5804/game.webp 360w,\n/static/aea395fe3acbd8bc68a5c75713b21282/f1dd6/game.webp 720w,\n/static/aea395fe3acbd8bc68a5c75713b21282/00479/game.webp 1080w,\n/static/aea395fe3acbd8bc68a5c75713b21282/36566/game.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/games","isStudio":true}}},{"node":{"id":"719e5e48-49e8-5cd8-8c4d-313c3161f9fa","frontmatter":{"title":"🔢 Leet Code 算法","date":"2019-08-20 20:28:12","description":"Leet Code 有很多算法，面试中的算法也基本上出自于。算法学习，不定期更新。","tech":"algorithm","slug":"leet-code","titleColor":"#b8b8b8","btnStyle":"darkBlue","contentPadding":"3% 10% 0","banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M0%20229v229h401V0H0v229m182%2015l-7%202c-1%202-2%202-3%200-3-3-11%200-14%206-2%206-1%2012%206%2018%202%203%206%205%206%205%204%200%2011%204%2013%209l6%206%203%204%202%202c2%202%203%204%202%2011%200%204-1%205-7%2011-6%205-6%206-5%209v3h31l1-3c1-2%201-3-5-8-8-9-11-19-5-22l2-3%202-3%206-7c4-6%205-7%2011-9%2011-3%2018-14%2015-22-2-6-9-10-14-7h-3c-5-4-32-5-43-2m-19%206c-5%205%200%2017%206%2018l4%202c4%202%204%201%203-5l-1-9-1-4-1%201h-6l-1-3c-1-2-1-2-3%200m71%200c0%203-2%204-6%204-3-1-3-1-3%202l-1%209c-1%206-1%207%202%205l5-2c7-2%2010-13%206-18-3-2-3-2-3%200m-48%2084l-2%207v6h32v-6l-2-7-14-1-14%201m15%2043c-9%204-11%2017-4%2025%206%206%2017%204%2021-3%202-4%201-5-2-5l-3%201c0%202-5%206-7%206-3%200-7-6-7-9%200-9%207-14%2012-8l5%202c3%200%203-1%201-4-2-5-10-7-16-5m-90%2014v14h10c10%200%2011-1%2011-3s0-2-7-2h-7v-23h-7v14m150-9c0%204%200%204-2%203-6-2-9-1-12%205-3%207%201%2015%208%2015l5-1h2l3%201h2v-28h-3c-3%200-3%200-3%205m-80-1c0%202-1%203-2%203-2%200-1%204%201%204l1%208c0%208%201%209%206%209%204%200%206-3%202-4-3-1-3-13%200-13%202%201%203-3%200-4-1%200-2-1-2-3-1-4-6-4-6%200m-44%206c-3%203-5%208-3%2012%202%206%2012%208%2017%204%204-4%203-5-6-2-3%200-6-1-6-4l8-1h7v-3c-1-5-6-9-10-9-3%200-5%201-7%203m24-2c-3%202-5%206-5%2010%200%209%2012%2014%2018%207l2-2-2-1-4%201c-3%202-8%200-8-3l7-1h7v-3c0-7-9-11-15-8m68%200c-5%202-8%208-6%2013%202%208%2012%2010%2017%204%208-8-1-21-11-17m48%200c-7%203-9%2013-4%2018%204%203%2011%203%2015-1%202-2%202-2%201-3l-4%201c-4%202-8%201-9-2%200-2%200-2%207-2h7v-4c-1-6-8-10-13-7m-47%205c-2%202-2%208-1%2010%203%202%207%201%208-3%202-7-3-12-7-7m24%200c-4%203-2%2011%203%2011%203%200%204-2%204-7s-4-8-7-4'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/7dcd9441d57a41d8428924109ec0f98b/be9cc/leetcode.png","srcSet":"/static/7dcd9441d57a41d8428924109ec0f98b/77247/leetcode.png 180w,\n/static/7dcd9441d57a41d8428924109ec0f98b/375c0/leetcode.png 360w,\n/static/7dcd9441d57a41d8428924109ec0f98b/be9cc/leetcode.png 720w,\n/static/7dcd9441d57a41d8428924109ec0f98b/8c853/leetcode.png 1080w,\n/static/7dcd9441d57a41d8428924109ec0f98b/b43da/leetcode.png 1094w","srcWebp":"/static/7dcd9441d57a41d8428924109ec0f98b/f1dd6/leetcode.webp","srcSetWebp":"/static/7dcd9441d57a41d8428924109ec0f98b/5e0c5/leetcode.webp 180w,\n/static/7dcd9441d57a41d8428924109ec0f98b/c5804/leetcode.webp 360w,\n/static/7dcd9441d57a41d8428924109ec0f98b/f1dd6/leetcode.webp 720w,\n/static/7dcd9441d57a41d8428924109ec0f98b/00479/leetcode.webp 1080w,\n/static/7dcd9441d57a41d8428924109ec0f98b/36566/leetcode.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/leet-code","isStudio":true}}},{"node":{"id":"2d3bdec4-5085-54e8-a9f4-7cd0acce1d0a","frontmatter":{"title":"📊 排序算法","date":"2019-07-29 20:28:12","description":"排序算法可视化","tech":"javascript","slug":"algorithms-sort","titleColor":"#3f3f3f","btnStyle":"darkBlue","contentPadding":null,"banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M129%20332v18l1%2017h69l72-1c1-1%202-30%200-33%200-3-141-3-142-1'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/28e6c435035e16b5ef6fe05e4a5419b1/be9cc/sort.png","srcSet":"/static/28e6c435035e16b5ef6fe05e4a5419b1/77247/sort.png 180w,\n/static/28e6c435035e16b5ef6fe05e4a5419b1/375c0/sort.png 360w,\n/static/28e6c435035e16b5ef6fe05e4a5419b1/be9cc/sort.png 720w,\n/static/28e6c435035e16b5ef6fe05e4a5419b1/8c853/sort.png 1080w,\n/static/28e6c435035e16b5ef6fe05e4a5419b1/b43da/sort.png 1094w","srcWebp":"/static/28e6c435035e16b5ef6fe05e4a5419b1/f1dd6/sort.webp","srcSetWebp":"/static/28e6c435035e16b5ef6fe05e4a5419b1/5e0c5/sort.webp 180w,\n/static/28e6c435035e16b5ef6fe05e4a5419b1/c5804/sort.webp 360w,\n/static/28e6c435035e16b5ef6fe05e4a5419b1/f1dd6/sort.webp 720w,\n/static/28e6c435035e16b5ef6fe05e4a5419b1/00479/sort.webp 1080w,\n/static/28e6c435035e16b5ef6fe05e4a5419b1/36566/sort.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/algorithms-sort","isStudio":true}}},{"node":{"id":"a32afd71-f996-506e-bd5f-072980178c61","frontmatter":{"title":"♿ 技术宅看世界","date":"2015-07-20 20:28:12","description":"对于技术人来说，很多优秀的技术需要踮起脚尖才能看到。技术无界限，但是还是需要遵守肉身所在地的法律法规哦~~","tech":"other","slug":"dj","titleColor":"#b8b8b8","btnStyle":"darkBlue","contentPadding":null,"banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M0%20229v229h401V0H0v229m199%2099c-6%203-8%206-9%2012%200%205-1%206-3%206-5%200-5%201-5%2014%200%2017-2%2016%2022%2016%2023%200%2021%201%2021-16%200-13%200-14-5-14-2%200-3-1-3-6-1-10-10-15-18-12m-72%201c-9%203-15%2012-16%2022l-2%209c-4%207-2%2010%206%2010l9%202c10%206%2024%203%2030-7%203-4%206-13%205-15-1-1%200-3%202-6%204-7%201-11-7-11l-6-1c-6-4-14-5-21-3m2%203c-9%203-14%2011-14%2020%200%205%202%2012%205%2013%203%202%2022-7%2031-15l4-4-3-5c-5-8-15-12-23-9m140%200c-5%203-8%2013-5%2017%201%201-1%203-7%2010l-8%208%203%203c4%203%204%203%206%202%202-2%202-2%200-4-2-3-1-4%202-2s6-1%204-4c-2-2%204-8%207-6%205%203%2014%200%2017-6s1-14-4-17c-3-2-11-2-15-1m-71%201c-2%202-4%207-4%2010%200%202%201%203%2010%203%208%200%209-1%209-3%201-5-4-11-9-11l-6%201m72%205c-3%204-3%207%201%2011%207%207%2017-2%2011-10-3-4-8-4-12-1m-83%2023v11h33v-22h-33v11m-34-8c-3%203-15%2010-22%2013s-7%203-3%205c12%204%2028-6%2027-17v-3l-2%202'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/75c11f11d92e4319ed8167e288cbac3c/be9cc/dj.png","srcSet":"/static/75c11f11d92e4319ed8167e288cbac3c/77247/dj.png 180w,\n/static/75c11f11d92e4319ed8167e288cbac3c/375c0/dj.png 360w,\n/static/75c11f11d92e4319ed8167e288cbac3c/be9cc/dj.png 720w,\n/static/75c11f11d92e4319ed8167e288cbac3c/8c853/dj.png 1080w,\n/static/75c11f11d92e4319ed8167e288cbac3c/b43da/dj.png 1094w","srcWebp":"/static/75c11f11d92e4319ed8167e288cbac3c/f1dd6/dj.webp","srcSetWebp":"/static/75c11f11d92e4319ed8167e288cbac3c/5e0c5/dj.webp 180w,\n/static/75c11f11d92e4319ed8167e288cbac3c/c5804/dj.webp 360w,\n/static/75c11f11d92e4319ed8167e288cbac3c/f1dd6/dj.webp 720w,\n/static/75c11f11d92e4319ed8167e288cbac3c/00479/dj.webp 1080w,\n/static/75c11f11d92e4319ed8167e288cbac3c/36566/dj.webp 1094w","sizes":"(max-width: 720px) 100vw, 720px"}}}},"fields":{"slug":"/studio/dj","isStudio":true}}}],"totalCount":14}},"pageContext":{"isCreatedByStatefulCreatePages":true}}}